// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
$base-color: #c11b01;
$form-bg-color: #f4e5c8;

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';
 


@include sencha-button-ui('facebook',#3B5998, 'glossy'); 
@include sencha-button-ui('comeai_gree',#7bb31a, 'glossy');
@include sencha-button-ui('comeai_blue',#8b88ff, 'matte'); 

@include icon-font('SenchaConIcons', inline-font-files(
  'sencha-fonts/sencha-fonts.woff', woff, 
  'sencha-fonts/sencha-fonts.ttf', truetype,
  'sencha-fonts/sencha-fonts.svg', svg
));

@include icon("qrcode"  , "\e600", "SenchaConIcons");
@include icon("coupon", "\e601", "SenchaConIcons");
@include icon("usuario"  , "\e602", "SenchaConIcons");
@include icon("facebook"  , "\e603", "SenchaConIcons");
@include icon("twitter"  , "\e604", "SenchaConIcons");
@include icon("curtir"  , "\e605", "SenchaConIcons");
@include icon("imagem"  , "\e606", "SenchaConIcons");
@include icon("dinheiro"  , "\e607", "SenchaConIcons");
@include icon("cartao"  , "\e608", "SenchaConIcons");

body,
.x-fullscreen, .x-layout-fit-item, .x-layout-card-item {
    background: #f4e5c8;
}

.x-button-comeai_blue .x-button-label { 
	color: white;
}

.x-inner x-panel-inner {
	background: #f4e5c8;
}



